<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		/*
			json 是存储和交换文本信息的 tongs来说就是一种数据格式

			网页中有的数据是活的 （后端给你返回的json数据，将json格式的数据显示到页面中，后端数据发生改变了，前端的页面也会发生改变）

			有的页面是动态页面，有的页面是静态页面
		*/

		// 定义一个对象
		// 构造函数方法声明一个新对象
		let obj = new Object()
		obj.name = '刘志强' //对象的取数值   对象名.属性名
		obj['age'] = 18
		obj[obj.name + '的年龄'] = 18 //对象名['属性名']  === 属性值
		console.log(obj)


		// 字面量的形式  key : value
		let person = {
			name: '小强',
			age: 18,
			girlfriend: ['小红','小美','小丽'],
			eat:function(){
				console.log("辣条")
			}
		}
		console.log(person)


		// 取person中属性值
		console.log(person.name)//取person中的name

		console.log(person.girlfriend[2])//取person中的girlfriend中的第三个值

		let u = 'age'
		console.log(person[u])//18   obj['key']加引号代表的属性，不加引号代表的是变量
	</script>
</body>
</html>